a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-weight:400;vertical-align:baseline;box-sizing: border-box;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}
a{-webkit-backface-visibility:hidden;text-decoration:none}
li{list-style:none}
em,span,i{font-style:normal}
body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:transparent}
textarea{outline:none;}
[v-cloak] {display:none}


/* ===============固定长高=============== */
.w-100{width: 100%}
.w-90{width: 90%}
.w-80{width: 80%}
.w-70{width: 70%}
.w-60{width: 60%}
.w-50{width: 50%}
.w-40{width: 40%}
.w-30{width: 30%}
.w-20{width: 20%}
.w-10{width: 10%}

.h-100{height: 100%}
.h-90{height: 90%}
.h-80{height: 80%}
.h-70{height: 70%}
.h-60{height: 60%}
.h-50{height: 50%}
.h-40{height: 40%}
.h-30{height: 30%}
.h-20{height: 20%}
.h-10{height: 10%}


/* ===============位置=============== */
.rel{position: relative;}
.abs{position: absolute}
.fix{position: fixed}
.rel-0{position: relative;top: 0;bottom: 0;left: 0;right: 0;}
.abs-0{position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.fix-0{position: fixed;top: 0;bottom: 0;left: 0;right: 0;}

.t-0{top: 0;}
.b-0{bottom: 0;}
.l-0{left: 0;}
.r-0{right: 0;}

.z-1{z-index: 1}
.z-9{z-index: 9}
.z-99{z-index: 99}
.z-999{z-index: 999}
.z-9999{z-index: 9999}
.z-99999{z-index: 99999}

/* =========圆角============= */
.r-100{border-radius: 100%}
.r-50{border-radius: 50px}
.r-25{border-radius: 25px}
.r-20{border-radius: 20px}
.r-15{border-radius: 15px}
.r-10{border-radius: 10px}
.r-8{border-radius: 8px}
.r-5{border-radius: 5px}
.r-3{border-radius: 3px}

/* ===============边距=============== */
.m-0{margin: 0}
.p-0{padding: 0}
.m-auto{margin: 0 auto;}

.p-5{padding:5px;}
.p-10{padding:10px;}
.p-15{padding:15px;}
.p-20{padding:20px;}
.p-25{padding:25px;}
.p-30{padding:30px;}
.p-35{padding:35px;}
.p-40{padding:40px;}
.p-45{padding:45px;}
.p-50{padding:50px;}

.p-t-5{padding-top:5px;}
.p-t-10{padding-top:10px;}
.p-t-15{padding-top:15px;}
.p-t-20{padding-top:20px;}
.p-t-25{padding-top:25px;}
.p-t-30{padding-top:30px;}
.p-t-35{padding-top:35px;}
.p-t-40{padding-top:40px;}
.p-t-45{padding-top:45px;}
.p-t-50{padding-top:50px;}

.p-b-5{padding-bottom:5px;}
.p-b-10{padding-bottom:10px;}
.p-b-15{padding-bottom:15px;}
.p-b-20{padding-bottom:20px;}
.p-b-25{padding-bottom:25px;}
.p-b-30{padding-bottom:30px;}
.p-b-35{padding-bottom:35px;}
.p-b-40{padding-bottom:40px;}
.p-b-45{padding-bottom:45px;}
.p-b-50{padding-bottom:50px;}

.p-l-5{padding-left:5px;}
.p-l-10{padding-left:10px;}
.p-l-15{padding-left:15px;}
.p-l-20{padding-left:20px;}
.p-l-25{padding-left:25px;}
.p-l-30{padding-left:30px;}
.p-l-35{padding-left:35px;}
.p-l-40{padding-left:40px;}
.p-l-45{padding-left:45px;}
.p-l-50{padding-left:50px;}

.p-r-5{padding-right:5px;}
.p-r-10{padding-right:10px;}
.p-r-15{padding-right:15px;}
.p-r-20{padding-right:20px;}
.p-r-25{padding-right:25px;}
.p-r-30{padding-right:30px;}
.p-r-35{padding-right:35px;}
.p-r-40{padding-right:40px;}
.p-r-45{padding-right:45px;}
.p-r-50{padding-right:50px;}

.p-lr-5{padding-left:5px;padding-right:5px;}
.p-lr-10{padding-left:10px;padding-right:10px;}
.p-lr-15{padding-left:15px;padding-right:15px;}
.p-lr-20{padding-left:20px;padding-right:20px;}
.p-lr-25{padding-left:25px;padding-right:25px;}
.p-lr-30{padding-left:30px;padding-right:30px;}
.p-lr-35{padding-left:35px;padding-right:35px;}
.p-lr-40{padding-left:40px;padding-right:40px;}
.p-lr-45{padding-left:45px;padding-right:45px;}
.p-lr-50{padding-left:50px;padding-right:50px;}

.p-tb-5{padding-top:5px;padding-bottom:5px;}
.p-tb-10{padding-top:10px;padding-bottom:10px;}
.p-tb-15{padding-top:15px;padding-bottom:15px;}
.p-tb-20{padding-top:20px;padding-bottom:20px;}
.p-tb-25{padding-top:20px;padding-bottom:25px;}
.p-tb-30{padding-top:20px;padding-bottom:30px;}
.p-tb-35{padding-top:20px;padding-bottom:35px;}
.p-tb-40{padding-top:20px;padding-bottom:40px;}
.p-tb-45{padding-top:20px;padding-bottom:45px;}
.p-tb-50{padding-top:20px;padding-bottom:50px;}


.m-5{margin:5px;}
.m-10{margin:10px;}
.m-15{margin:15px;}
.m-20{margin:20px;}
.m-25{margin:25px;}
.m-30{margin:30px;}
.m-35{margin:35px;}
.m-40{margin:40px;}
.m-45{margin:45px;}
.m-50{margin:50px;}

.m-t-5{margin-top:5px;}
.m-t-10{margin-top:10px;}
.m-t-15{margin-top:15px;}
.m-t-20{margin-top:20px;}
.m-t-25{margin-top:25px;}
.m-t-30{margin-top:30px;}
.m-t-35{margin-top:35px;}
.m-t-40{margin-top:40px;}
.m-t-45{margin-top:45px;}
.m-t-50{margin-top:50px;}

.m-b-5{margin-bottom:5px;}
.m-b-10{margin-bottom:10px;}
.m-b-15{margin-bottom:15px;}
.m-b-20{margin-bottom:20px;}
.m-b-25{margin-bottom:25px;}
.m-b-30{margin-bottom:30px;}
.m-b-35{margin-bottom:35px;}
.m-b-40{margin-bottom:40px;}
.m-b-45{margin-bottom:45px;}
.m-b-50{margin-bottom:50px;}

.m-l-5{margin-left:5px;}
.m-l-10{margin-left:10px;}
.m-l-15{margin-left:15px;}
.m-l-20{margin-left:20px;}
.m-l-25{margin-left:25px;}
.m-l-30{margin-left:30px;}
.m-l-35{margin-left:35px;}
.m-l-40{margin-left:40px;}
.m-l-45{margin-left:45px;}
.m-l-50{margin-left:50px;}

.m-r-5{margin-right:5px;}
.m-r-10{margin-right:10px;}
.m-r-15{margin-right:15px;}
.m-r-20{margin-right:20px;}
.m-r-25{margin-right:25px;}
.m-r-30{margin-right:30px;}
.m-r-35{margin-right:35px;}
.m-r-40{margin-right:40px;}
.m-r-45{margin-right:45px;}
.m-r-50{margin-right:50px;}

.m-lr-5{margin-left:5px;margin-right:5px;}
.m-lr-10{margin-left:10px;margin-right:10px;}
.m-lr-15{margin-left:15px;margin-right:15px;}
.m-lr-20{margin-left:20px;margin-right:20px;}
.m-lr-25{margin-left:25px;margin-right:25px;}
.m-lr-30{margin-left:30px;margin-right:30px;}
.m-lr-35{margin-left:35px;margin-right:35px;}
.m-lr-40{margin-left:40px;margin-right:40px;}
.m-lr-45{margin-left:45px;margin-right:45px;}
.m-lr-50{margin-left:50px;margin-right:50px;}

.m-tb-5{margin-top:5px;margin-bottom:5px;}
.m-tb-10{margin-top:10px;margin-bottom:10px;}
.m-tb-15{margin-top:15px;margin-bottom:15px;}
.m-tb-20{margin-top:20px;margin-bottom:20px;}
.m-tb-25{margin-top:25px;margin-bottom:25px;}
.m-tb-30{margin-top:30px;margin-bottom:30px;}
.m-tb-35{margin-top:35px;margin-bottom:35px;}
.m-tb-40{margin-top:40px;margin-bottom:40px;}
.m-tb-45{margin-top:45px;margin-bottom:45px;}
.m-tb-50{margin-top:50px;margin-bottom:50px;}


.m-t-0{margin-top: 0}
.m-b-0{margin-bottom: 0}
.m-l-0{margin-left: 0}
.m-r-0{margin-right: 0}

.p-t-0{padding-top: 0}
.p-b-0{padding-bottom: 0}
.p-l-0{padding-left: 0}
.p-r-0{padding-right: 0}
.p-t-0{padding-top: 0}


/* ============字体大小============= */
.normal{font-weight: normal}
.b{font-weight: bold}
.f-100{font-weight: 100}
.f-200{font-weight: 200}
.f-300{font-weight: 300}
.f-400{font-weight: 400}
.f-500{font-weight: 500}
.f-600{font-weight: 600}
.f-700{font-weight: 700}
.f-800{font-weight: 800}


.f-6{font-size:6px;}
.f-7{font-size:7px;}
.f-8{font-size:8px;}
.f-9{font-size:9px;}
.f-10{font-size:10px;}
.f-11{font-size:11px;}
.f-12{font-size:12px;}
.f-13{font-size:13px;}
.f-14{font-size:14px;}
.f-15{font-size:15px;}
.f-16{font-size:16px;}
.f-17{font-size:17px;}
.f-18{font-size:18px;}
.f-19{font-size:19px;}
.f-20{font-size:20px;}
.f-22{font-size:22px;}
.f-24{font-size:24px;}
.f-26{font-size:26px;}
.f-28{font-size:28px;}
.f-30{font-size:30px;}
.f-35{font-size:35px;}
.f-40{font-size:40px;}
.f-45{font-size:45px;}
.f-50{font-size:50px;}



/* ===============文本=============== */
.nowrap{white-space:nowrap;}
.wrap{word-wrap: break-word; word-break: normal; }
.t-o{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;}
.img-o{width:100%;transform: scale(1.5);}
.t-l{text-align: left}
.t-r{text-align: right}
.t-c{text-align: center}
.l-normal{line-height: normal}


/* ===============图片=============== */
.img-fill{object-fit:fill;}
.img-contain{object-fit:contain;}
.img-cover{object-fit:cover;}
.img-none{object-fit:none;}
.img-scale{object-fit:scale-down;}


/* ===============float布局=============== */
.left{float: left}
.right{float: right}
.clear{clear: both;}

.o-hide{overflow: hidden;}
.o-x-hide{overflow-x: hidden}
.o-y-hide{overflow-y: hidden}
.o-x-auto{overflow-x: auto}
.o-y-auto{overflow-y: auto;}
.o-x-scorll{overflow-x: scroll}
.o-y-scorll{overflow-y: scroll}


/* ============元素类型============= */
.inline{display: inline}
.i-block{display: inline-block}
.c-p{cursor:pointer}
.show{display: block}
.hide{display: none}
.o-0{opacity: 0;}
.o-01{opacity: 0.1;}
.o-02{opacity: 0.2;}
.o-03{opacity: 0.3;}
.o-04{opacity: 0.4;}
.o-05{opacity: 0.5;}
.o-06{opacity: 0.6;}
.o-07{opacity: 0.7;}
.o-08{opacity: 0.8;}
.o-09{opacity: 0.9;}
.o-10{opacity: 1;}


/* ============占位块============= */
.h-auto{height: auto;}
.h-1{height: 1px;}
.h-3{height: 3px;}
.h-5{height: 5px;}
.h-10{height: 10px;}
.h-15{height: 15px;}
.h-20{height: 20px;}
.h-25{height: 25px;}
.h-30{height: 30px;}
.h-35{height: 35px;}
.h-40{height: 40px;}
.h-45{height: 45px;}
.h-50{height: 50px;}



/* =============flex============== */
.f{display: -ms-flexbox !important;display: flex !important;}
.f-row{-ms-flex-direction: row !important;flex-direction: row !important;}
.f-col{-ms-flex-direction: column !important;flex-direction: column !important;}

.f-nowrap{-ms-flex-wrap: nowrap !important;flex-wrap: nowrap !important;}
.f-wrap{flex-wrap:wrap !important;-ms-flex-wrap: wrap !important;flex-wrap: wrap !important;}

.j-c{-ms-flex-pack: center !important;justify-content: center !important;}
.j-e{-ms-flex-pack: end !important;justify-content: flex-end !important;}
.j-s{-ms-flex-pack: start !important;justify-content: flex-start !important;}
.j-a{-ms-flex-pack: distribute !important;justify-content: space-around !important;}
.j-b{-ms-flex-pack: justify !important;justify-content: space-between !important;}

.a-s{-ms-flex-align: start !important;align-items: flex-start !important;}
.a-e{-ms-flex-align: end !important;align-items: flex-end !important;}
.a-c{-ms-flex-align: center !important;align-items: center !important;}
.a-b{-ms-flex-align: baseline !important;align-items: baseline !important;}

.a-c-s{-ms-flex-line-pack: start !important;align-content: flex-start !important;}
.a-c-e{-ms-flex-line-pack: end !important;align-content: flex-end !important;}
.a-c-c{-ms-flex-line-pack: center !important;align-content: center !important;}
.a-c-b{-ms-flex-line-pack: justify !important;align-content: space-between !important;}
.a-c-a{-ms-flex-line-pack: distribute !important;align-content: space-around !important;}


.f-0-1-box>*{flex-grow: 0;flex-shrink: 1;}/*默认值*/
.f-1-1-box>*{flex-grow: 1;flex-shrink: 1;}/*等分延伸不收缩*/
.f-0-0-box>*{flex-grow: 0;flex-shrink: 0;}/*不延伸等份收缩 */
.f-1-0-box>*{flex-grow: 1;flex-shrink: 1;}/*等份延伸等份收缩 */

.f-0-1{flex-grow: 0;flex-shrink: 1;}/*默认值*/
.f-1-1{flex-grow: 1;flex-shrink: 1;}/*等分延伸不收缩*/
.f-0-0{flex-grow: 0;flex-shrink: 0;}/*不延伸等份收缩 */
.f-1-0{flex-grow: 1;flex-shrink: 1;}/*等份延伸等份收缩 */

.f-g-0-box>*{flex-grow: 0;} /*默认值*/
.f-g-1-box>*{flex-grow: 1;} /*等份延伸*/
.f-g-2-box>*{flex-grow: 2;} /*倍数延伸*/

.f-g-0{flex-grow: 0;} /*默认值*/
.f-g-1{flex-grow: 1;} /*等份延伸*/
.f-g-2{flex-grow: 2;} /*倍数延伸*/

.f-s-0-box>*{flex-shrink: 0;}/*默认值*/
.f-s-1-box>*{flex-shrink: 1;}/*等份收缩*/

.f-s-0{flex-shrink: 0;}/*等份收缩*/
.f-s-1{flex-shrink: 1;}/*默认值*/



/*表格*/
.table{width:100%;max-width:100%;margin-bottom:1rem;background-color:transparent}
.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}
.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}
.table tbody+tbody{border-top:2px solid #dee2e6}
.table .table{background-color:#fff}



/*打印初始化最佳设置*/
@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}
a:not(.btn){text-decoration:underline}
abbr[title]::after{content:" (" attr(title) ")"}
pre{white-space:pre-wrap!important}
blockquote,pre{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
img,tr{page-break-inside:avoid}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
@page{size:a3}
body{min-width:992px!important}
.container{min-width:992px!important}
.navbar{display:none}
.badge{border:1px solid #000}
.table{border-collapse:collapse!important}
.table td,.table th{background-color:#fff!important}
.table-bordered td,.table-bordered th{border:1px solid #ddd!important}
}



/*媒体查询*/
@media (min-width: 576px) { 
    
 }
@media (min-width: 768px) {  }
@media (min-width: 992px) {  }
@media (min-width: 1200px) {  }

@media (max-width: 575.98px) { 
    
 }
@media (max-width: 767.98px) {  }
@media (max-width: 991.98px) { 
    .p-50{padding: 15px;}
    .p-40{padding: 10px;}
    .p-30{padding: 10px;}
    .p-20{padding: 5px;}
    .p-10{padding: 5px;}
 }
@media (max-width: 1199.98px) {  }

@media (max-width: 575.98px) {  }
@media (min-width: 576px) and (max-width: 767.98px) {  }
@media (min-width: 768px) and (max-width: 991.98px) {  }
@media (min-width: 992px) and (max-width: 1199.98px) {  }
@media (min-width: 1200px) {  }


